<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>在线报名表单页面</title>
	</head>
	<body>
		<form>
			<lable>姓名<span style="color:red">*</span></lable>
			<input type="text" value="" />
			<br/>
			<lable>电子邮件<span style="color:red">*</span></lable>
			<input type="email"  value="" />
			<br/>
			<lable>联系电话<span style="color:red">*</span></lable>
			<input type="tel" pattern="^\{11}$" />
			<br/>
			<lable>年龄</lable>
			<input type="text"  value="" />
			<br/>
			<lable>性别</lable>
			<input type="radio" name="xingbie" value="1" />男
			<input type="radio"  name="xingbie" value="2" />女
			<br/>
			<lable for="huodong">报名的活动项目（提供至少三个选项供选择）</lable>
			<select id="huodong">
				<option>活动1</option>
				<option>活动2</option>
				<option>活动3</option>
			</select>
			<br/>
			<lable for="jianjie">个人简介</lable>
			<textarea name="message" rows="10" cols="30">
			
			</textarea>
			
			<br/>
			<input type="submit" value="提交" />
			
			<button type="reset">重置</button>
		</form>
	</body>
</html>